li {
	list-style: none;
}
.panel-heading {
	position: relative;
	padding: 7px 15px;
	border-bottom: none;
}
.panel-heading .title {
	line-height: 20px;
	color: #6F8385;
}
.panel-heading .title i {
	padding-right: 10px;
	font-size: 16px;
}
.panel-heading .time {
	position: absolute;
	top: 7px;
	right: 15px;
	color: #00A0C7;
}
.monthlyAssessDetail-info {
	margin-bottom: 0;
	padding-left: 0;
}
.monthlyAssessDetail-info li {
	float: left;
	padding: 10px;
	width: 20%;
	color: #808080;
}
.assess-tab {
	margin-bottom: 0;
	padding-left: 0;
}
.assess-tab li {
	position: relative;
	width: calc( (100% - 60px) / 7);
	float: left;
	height: 50px;
	line-height: 50px;
	background: #7DB2B5;
	color: #fff;
}
.assess-tab li + li {
	margin-left: 10px;
}
.assess-tab li:before,
.assess-tab li:after {
	position: absolute;
	top: 0;
	content:"";
	width: 0;
	height: 0;
	border: solid 25px transparent;
}
.assess-tab li:before {
	left: 0;
	border-left-color: #fff;
	z-index: 1;
}
.assess-tab li:after {
	right: -50px;
	border-left-color: #7DB2B5;
	z-index: 2;
}
.assess-tab li:first-child:before {
	border-left-color: transparent;
}
.assess-tab li:last-child:after {
	border-left-color: transparent;
}
.assess-tab li span {
	position: absolute;
	top: 0;
	left: 25px;
	z-index: 3;
	padding-right: 5px;
	width: 100%;
	display: block;
	text-align: center;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-size: 15px;
    font-weight: bold;
}
.assess-tab li:first-child span {
	padding-right: 0;
	left: 0;
}
.assess-tab li:last-child span {
	padding-right: 25px;
	left: 25px;
}
.assess-tab li.actived {
	background: #2EDAE6;
}
.assess-tab li.actived:before {
	left: 0;
	border-left-color: #fff;
	z-index: 1;
}
.assess-tab li.actived:after {
	right: -50px;
	border-left-color: #2EDAE6;
	z-index: 2;
}
.assess-tab li.actived:first-child:before {
	border-left-color: transparent;
}
.assess-tab li.actived:last-child:after {
	border-left-color: transparent;
}
/* 填写评估数据下面的表单 */
/* 体格发育评估 */
.assess-form01 {
	margin-top: 25px;
	margin-bottom: 40px;
	padding-left: 0;
}
.assess-form01 li {
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	width: 33.3333333%;
}
.assess-form01 li:nth-child(1),
.assess-form01 li:nth-child(3) {
	width: calc( (100% - 20px) / 3 );
}
.assess-form01 li:nth-child(2) {
	width: calc( (100% + 40px) / 3 );
}
.assess-form01 li + li {
	border-left: dotted 1px #ddd;
}
.assess-form01 li:first-child {
	padding-left: 0;
}
.assess-form01 li:last-child {
	padding-right: 0;
}
.assess-form01 li .tit {
	line-height: 40px;
	text-align: center;
	color: #086369;
	background: #F4F4F4;
	border-bottom: solid 1px #bbb;
}
.assess-form01 li .con > div {
	margin-top: 10px;
	line-height: 20px;
}
.assess-form01 li .con > div > label{
	margin-bottom: 0;
	float: left;
	width: 5em;
	text-align: right;
	color: #579494;
	font-weight: normal;
}
.assess-form01 li .con > div > p,
.assess-form01 li .con > div > div{
	margin-bottom: 0;
	margin-left: 5em;
	color: #086369;
}
.assess-form01 li .con > div > div > textarea {
	width: 100%;
}
/* 智力发育评估、养育环境评估 */
.assess-form02-no,
.assess-form03-no {
	margin-top: 25px;
	margin-bottom: 40px;
	height: 185px;
	color: #777;
}
.assess-form02,
.assess-form03 {
	margin-top: 5px;
	margin-bottom: 15px;
}
.assess-form02 > ul > li {
	width: 20%;
}
.assess-form03 > ul > li {
	width: 25%;
}
.assess-form-ul {
	margin-bottom: 0;
	padding: 25px 0 10px;
}
.assess-form-ul > li {
	float: left;
	padding-right: 3px;
	line-height: 20px;
}
.assess-form-ul > li > span:first-child {
	color: #579494;
}
.assess-form-ul > li > span:last-child {
	color: #086369;
}
.system-result {
	margin-bottom: 10px;
}
.system-result-tit {
	color: #086369;
	font-weight: bold;
}
.system-result > span {
	display: block;
	line-height: 28px;
	color: #579494;
}
.system-result > p {
	margin-bottom: 0;
	color: #333;
}
.assess-form-textarea label {
	color: #579494;
	font-weight: normal;
}
/* 育儿健康指导 */
.assess-form04 {
	margin-bottom: 20px;
}
.assess-form04 > .assess-form-textarea {
	margin-top: 20px;
}
/*  */
.assess-form05 {
	margin-top: 10px;
	margin-bottom: 15px;
}
.assess-form-select {
	padding: 15px 0;
}
.assess-form-select > div {
	float: left;
	color: #579494;
	line-height: 30px;
}
.assess-form-select > ul {
	float: left;
	margin-bottom: 0;
	padding-left: 0;
}
.assess-form-select > ul > li {
	margin-bottom: 5px;
	margin-left: 20px;
	float: left;
	padding: 5px 25px;
	line-height: 20px;
	background: #94AEB0;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}
.assess-form-select > ul > li.active {
	background: #D9628C;
}
/*  */
.assess-form06 {
	margin-top: 20px;
	margin-bottom: 20px;
}
.assess-form07 {
	margin-top: 50px;
	margin-bottom: 70px;
	color: #579494;
	text-align: center;
}
.assess-form07 > .tit {
	font-size: 22px;
	line-height: 66px;
}
.assess-form07 > .tit > i {
	padding-right: 10px;
	font-size: 30px;
}
.assess-form07 > .con > a {
	padding: 0 10px;
}